<tr data-id="{{ $permission->id }}">
    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">{{ $permission->id }}</td>
    <td class="px-6 py-4 whitespace-nowrap">
        <span class="text-sm font-medium text-gray-900 dark:text-white">{{ $permission->name }}</span>
    </td>
    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">{{ $permission->description }}</td>
    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">{{ $permission->group }}</td>
    <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
        <div class="flex justify-end space-x-2">
            <a
                class="text-indigo-600 hover:text-indigo-900 dark:text-indigo-400 dark:hover:text-indigo-300"
                hx-get="{{ route('admin.permission.update', ['permission' => $permission->id]) }}"
                href="{{ route('admin.permission.update', ['permission' => $permission->id]) }}"
                hx-target="#modal-body"
                hx-swap="innerHTML"
                hx-push-url="false"
                data-open-model="true"
                x-data
            >
                编辑
            </a>
            <a hx-push-url="false"
               hx-delete="{{ route('admin.permission.delete', ['permission' => $permission->id]) }}"
               hx-target="closest tr"
               hx-swap="delete"
               href="{{ route('admin.permission.delete', ['permission' => $permission->id]) }}"
               class="text-red-600 hover:text-red-900 dark:text-red-400 dark:hover:text-red-300">
                删除
            </a>
        </div>
    </td>
</tr>
